<template>
  <div class="footer">
    <p>{{page}}{{msg}}</p>
    <p><a href="./page1.html">page1</a></p>
  </div>
</template>

<script>
export default {
  name: 'footer',
  props: {
    msg: String
  },
  data() {
    return {
      "page": "我是页脚!"
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.footer{
  width:100%;
  text-align:center;
  font-size:20px;
  color:green;
}
</style>
